package library

import (
	"gitee.com/mad-wud/lin"
)

var 表格_基础 = `<template>
	<!--  属性修改位置 -->
	<el-table :data="绑定列表值" style="width: 90%; margin:auto ; margin-top:20px "  {1} {2}>

	<el-table-column type="selection" width="55" /> <!--  多选例子 -->
	<el-table-column prop="data" label="Data" show-overflow-tooltip />
	<el-table-column align="right" width="180">
		<template #header> <!--  头部范围 -->
			<el-input v-model="输入框数据" size="small" placeholder="Type to search" />
		</template>
		<template #default="scope"> <!--  列表范围 并且用 scope 来获取行数据 -->
			<el-button size="small" @click="左按钮事件(scope.$index, scope.row)">左按钮</el-button>
			<el-button size="small" type="danger"
				@click="右按钮事件(scope.$index, scope.row)">右按钮</el-button>
		</template>
	</el-table-column>
	</el-table>
  </template>
  
  <script  setup>
  import { ref } from 'vue'
  const 绑定列表值 = [
	{data: '不错'},
	{data: '这是一句非常长的话 非常好 非常的不错 非常不错的例子 这是一句非常长的话 非常好 非常的不错 非常不错的例子 非常的不错 非常不错的例子'},
	{data: '2016-05-04',},]
	const 输入框数据 = ref('') //头部input关联的数据
  // 下面是两个按钮的方法
  const 左按钮事件 = (index, row) => {console.log(index, row)}
  const 右按钮事件 = (index, row) => {console.log(index, row)}
//如果下面有触发的方法 参数请参考 选项事件里的 类型
  {3}
  </script>
<style  scoped></style>`

func B表格(属性表, 事件表 lin.J键值表) (vue string) {
	if 属性表.QL取逻辑值("fit") {
		属性表.S删值("fit")
	}
	if 属性表.QL取逻辑值("show-header") {
		属性表.S删值("show-header")
	}
	基础vue := 表格_基础
	属性 := 属性生成(属性表)
	事件 := 事件生成(事件表)
	属性 = 属性 + 事件
	样式 := ""
	js := ""
	if 事件表.QW取文本("select") != "" {
		js = js + 全_文本.C创建文本("\r\n const  {1}=(selection, row)=>{ console.log ('{1}')}", 事件表.QW取文本("select"))
	}

	if 事件表.QW取文本("select-all") != "" {
		js = js + 全_文本.C创建文本("\r\n const  {1}=(selection)=>{ console.log ('{1}')}", 事件表.QW取文本("select-all"))
	}

	if 事件表.QW取文本("selection-change") != "" {
		js = js + 全_文本.C创建文本("\r\n const  {1}=(selection)=>{ console.log ('{1}')}", 事件表.QW取文本("selection-change"))
	}

	if 事件表.QW取文本("cell-mouse-enter") != "" {
		js = js + 全_文本.C创建文本("\r\n const  {1}=(row, column, cell, event)=>{ console.log ('{1}')}", 事件表.QW取文本("cell-mouse-enter"))
	}

	if 事件表.QW取文本("cell-mouse-leave") != "" {
		js = js + 全_文本.C创建文本("\r\n const  {1}=(row, column, cell, event)=>{ console.log ('{1}')}", 事件表.QW取文本("cell-mouse-leave"))
	}

	if 事件表.QW取文本("cell-click") != "" {
		js = js + 全_文本.C创建文本("\r\n const  {1}=(row, column, cell, event)=>{ console.log ('{1}')}", 事件表.QW取文本("cell-click"))
	}

	if 事件表.QW取文本("cell-dblclick") != "" {
		js = js + 全_文本.C创建文本("\r\n const  {1}=(row, column, cell, event)=>{ console.log ('{1}')}", 事件表.QW取文本("cell-dblclick"))
	}

	if 事件表.QW取文本("cell-contextmenu") != "" {
		js = js + 全_文本.C创建文本("\r\n const  {1}=(row, column, cell, event)=>{ console.log ('{1}')}", 事件表.QW取文本("cell-contextmenu"))
	}

	if 事件表.QW取文本("row-click") != "" {
		js = js + 全_文本.C创建文本("\r\n const  {1}=(row, column, event)=>{ console.log ('{1}')}", 事件表.QW取文本("row-click"))
	}

	if 事件表.QW取文本("row-contextmenu") != "" {
		js = js + 全_文本.C创建文本("\r\n const  {1}=(row, column, event)=>{ console.log ('{1}')}", 事件表.QW取文本("row-contextmenu"))
	}

	if 事件表.QW取文本("row-dblclick") != "" {
		js = js + 全_文本.C创建文本("\r\n const  {1}=(row, column, event)=>{ console.log ('{1}')}", 事件表.QW取文本("row-dblclick"))
	}

	if 事件表.QW取文本("header-click") != "" {
		js = js + 全_文本.C创建文本("\r\n const  {1}=(column, event)=>{ console.log ('{1}')}", 事件表.QW取文本("header-click"))
	}

	if 事件表.QW取文本("header-contextmenu") != "" {
		js = js + 全_文本.C创建文本("\r\n const  {1}=(column, event)=>{ console.log ('{1}')}", 事件表.QW取文本("header-contextmenu"))
	}

	if 事件表.QW取文本("sort-change") != "" {
		js = js + 全_文本.C创建文本("\r\n const  {1}=({ column, prop, order })=>{ console.log ('{1}')}", 事件表.QW取文本("sort-change"))
	}
	基础vue = 全_文本.C创建文本(基础vue, 属性, 样式, js)
	return 基础vue

}
